<template>
    <h2 @click="SHIT">{{ count }}</h2>
    
    <!-- <h3 v-if="count<30">DDDAMN!</h3>
    <h3 v-else-if="count<40">GOD DAMN!</h3>
    <h3 v-else>JESUS CHRIST</h3> -->
    
    <h4 v-show="count<30">M3</h4>
    
</template>

<script setup>
import { ref } from 'vue';

let count = ref(20)
const SHIT = () =>{
    count.value++
}
</script>

<style lang="css" scoped>

</style>